<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/login.js" type="module"></script>
</head>

<body>
    <header>
    </header>
    <main>
        <div class="head">华为账号登录</div>
        <div class="code-box">

            <div class="code">
                <div class="curtain">
                    <p>二维码已过期</p>
                    <span class="curtain-btn">刷新</span>
                </div><img src="../img/下载.png" alt=""></div>
            <p>若您使用华为手机，请进入“设置”>“华为帐号”扫码登录。</p>
        </div>
        <div class="cut-line"></div>
        <div class="m-box">
            <form action="../../interface/login.php">
                <div class="user-data">
                    <input class="name" type="text" name="user-name" placeholder="手机号/邮箱地址/账户名">
                    <span></span>
                    <div class="user-pw">
                        <input class="pw" type="password" name="user-pw" placeholder="密码">
                        <i class="eye"></i>
                    </div>
                </div>
                <span class="toggle-way">短信验证码登录</span>
                <input class="submit" type="submit" value="登录">
            </form>
            <ul>
                <li>
                    <a href="../html/reg.html">注册</a>
                </li>
                <li>
                    <a href="javascript:;">忘记密码</a>
                </li>
                <li>
                    <a href="javascript:;">遇到问题</a>
                </li>
            </ul>
            <div class="way">
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
            </div>
        </div>
    </main>
    <footer>
    </footer>
</body>

</html>